Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/tedi/components/form/slider/slider.module.scss`:
- Around line 49-54: The thumb-anchor left calc is invalid because
--tedi-slider-progress is set as a percent string (e.g., "40%") but CSS
multiplication requires the progress operand be unitless; change the code that
sets --tedi-slider-progress (in the slider component) to a unitless decimal
ratio (e.g., 0.4) instead of a percent string, and update the
.tedi-slider__thumb-anchor calc to multiply that unitless var by the percentage
dimension (use var(--tedi-slider-progress) * (100% -
var(--form-slider-thumb-size)) and keep the thumb offset addition), ensuring the
CSS uses the new unitless progress value throughout.

In `@src/tedi/components/form/slider/slider.stories.tsx`:
- Around line 60-82: The two Story exports MinAndMaxValues and CurrentValue
render the slider without an accessible name; update each story's args to
provide either a visible label prop or an aria-label/aria-labelledby prop (e.g.,
add label: 'Volume' or aria-label: 'Volume slider') so the underlying Slider
component receives an accessible name; ensure you apply the same change for
other stories in this file (lines ~191-240) that instantiate sliders without
labels.

In `@src/tedi/components/form/slider/slider.tsx`:
- Line 156: The helper id and className are being overwritten: instead of always
setting helperId to `${id}-helper`, use the existing helper.id when present
(e.g., const helperId = helper?.id ?? `${id}-helper`) and when rendering
FeedbackTextProps merge class names so `tedi-slider__feedback` is preserved
(build a combined class string like `tedi-slider__feedback ${helper?.className
?? ''}` and pass that as className, ensuring the spread of ...helper does not
overwrite it). Apply the same pattern in the other feedback rendering block
(around the 253-288 area) so helper.id is preserved and helper.className is
merged rather than replacing the default class.

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/tedi/components/form/slider/slider.tsx`:
- Line 298: The JSX currently uses a truthy guard "{addonRight && <div
className={styles['tedi-slider__addon']}>{addonRight}</div>}" which will omit
legitimate ReactNode values like 0 or ''. Change the condition to an explicit
null/undefined check (e.g., "addonRight != null") so the element renders when
addonRight is a valid ReactNode even if falsy; update the expression that
references addonRight and styles['tedi-slider__addon'] accordingly.

---

Outside diff comments:
In `@src/tedi/components/overlays/overlay/overlay.tsx`:
- Around line 163-309: The exported Overlay component lacks a displayName which
harms DevTools and violates guidelines; set Overlay.displayName = 'Overlay' (and
optionally set Overlay.Trigger.displayName = 'Overlay.Trigger' and
Overlay.Content.displayName = 'Overlay.Content') immediately before the existing
exports so the named components appear correctly in React DevTools and follow
the component displayName convention.